<!-- header公共代码只是一个dom结构,通过js模块化把其中内容返回到页面中,所以只用写这一块的代码片段即可 -->

<!-- 头部_上 -->
<div id="H_top">
    <div>
        <span>您好,欢迎光临凡客诚品!</span>
        <span>
            <a href="/html/login.html">登录</a> | <a href="/html/register.html">注册</a>
        </span>
        <span id="Order">
            <a href="/html/ShoppingCart.html">我的订单</a>
        </span>
        <span id="Notice">
            <a href="#" class="iconfont">
                <span>&#xe610;</span>
                <span>网站公告</span>
            </a>
        </span>
        <a href="#">
            <img src="/images/header/weixin.jpg" alt="">
            <img src="/images/header/weibo.jpg" alt="">
        </a>

    </div>
</div>
<!-- 头部_中 -->
<div id="H_middle">
    <form action="#">
        <input type="text" value="搜“水柔棉”，体验与众不同">
        <input type="button" value="搜索">
        <input type="button" value="购物车">
    </form>
    <p>热门搜索：<a href="#">免烫衬衫</a><a href="#">羽绒服</a><a href="#">外套</a><a href="#">熊本熊</a><a href="#">运动户外</a><a
            href="#">帆布鞋</a><a href="#">水柔棉</a></p>

</div>
<!-- 头部_下(导航) -->
<div id="H_bottom">
    <a href="#"><img src="/images/index/logo.png" alt=""></a>

    <ul>
        <li><a href="/index.html">首页</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">新品</a>
            <div></div>
        </li>
        <li><a href="/html/ListPage.html">联系我们</a>
            <div></div>
        </li>
    </ul>
</div>